Adding a Check Box in Input Field
29-01-18 Course- HTML5-Simple
A check box is a small box, which when selected includes a checkmark. It is used to allow the user to select one or more than one of the options available on a Web page. A user can either select or clear the check box by clicking it. In HTML the <input type=”checkbox”> tag is used to add a check box on a Web page.
Let’s do the following steps to add a check box on a Web page:
<!DOCTYPE html>
<html>
<head>
<title> Adding Check Box in input Field</title>
</head>
<body>
<form action=””>
<h3> Select your interest given in the below list</h3>
<b> Multimedia</b>
<input type=”checkbox” name=”interest” value=”media” /> <br/>
<b> Information Technology</b>
<input type=”checkbox” name=”interest” value=”technology” /> <br/>
<b> Teacher Training</b>
<input type=”checkbox” name=”interest” value=”teacher” /> <br/>
<b>Education</b>
<input type=”checkbox” name=”interest” value=”education” checked /> <br/>
<b> Health and Nutrition</b>
<input type=”checkbox” name=”interest” value=”healthnutri /> <br/>
<b> Sports and Games</b>
<input type=”checkbox” name=”interest” value=”sports” /> <br/>
</form>
</body>
</html>Save the document with the name AddingCheckbox.html and open on browser.